<script setup>
    import { computed } from 'vue'

    //简易写法
    // const uname=computed(()=>{
    //   return "姬霓太美"
    // })

    //完整写法
    const uname=computed({
      get(){ return "姬霓太美"},
      //val:要给计算属性赋予的新值
      //只要给计算属性赋值，都会触发set函数的执行
      set(val){ console.log(val)}
    })
</script>

<template>
<div>
  <input type="text" v-model="uname">
</div>
</template>


<style scoped>

</style>